/**
 * login function
 */
$(function() {
		// 给文本框绑定focus事件
		$("#username").focus(function() {
			// 将显示错误信息的span标签中的文本清空
			// text()方法：获取或设置成对出现的标签中的文本值
			// 			$("#message").text("填写");
			// html()方法与text()方法的唯一区别：它可以解析html标签
			$("#message").html("<font color='green'>填写</font>");
			$("#message2").text("");
		});
		
		$("#password").focus(function() {
			// 将显示错误信息的span标签中的文本清空
			// text()方法：获取或设置成对出现的标签中的文本值
			// 			$("#message").text("填写");
			// html()方法与text()方法的唯一区别：它可以解析html标签
			$("#message2").html("<font color='green'>填写</font>");
			$("#message").text("");
		});

		// 给登陆按钮绑定单击事件
		$("#login_btn").click(function() {
			// 获取用户输入的用户名
			// val(xx)方法：获取或设置input标签中的value值
			var username = $("#username").val();
			// 判断用户名是否为空
			if (username == "") {
				$("#message").text("请输入用户名！");
				// 取消默认提交表单行为
				return false;
			}
			// 获取密码
			var password = $("#password").val();
			if (password == "") {
				$("#message2").text("密码不能为空！");
				return false;
			}
		});
	});